<style type="text/css">
	.bottom {
		background: #FFFFFF;
		position: fixed;
		bottom: 0;
		height: 1.1rem;
		width: 100%;
		margin-top: 0.20rem;
		display: flex;
	}

	.bottom>li {
		/*display: inline-block;
		position: relative;*/
		/*width: 0.61rem;*/
		/*height: 0.8rem;*/
		flex: 1;
	}

	.bottom>li span {
		font-size: 0.24rem;
		color: #8D8D8D;
		display: block;
		text-align: center;
		margin-top: 0.12rem;
	}

	.bottom>li img {
		/*vertical-align: middle;*/
		display: block;
		margin: 0 auto;
		margin-top: 0.13rem;
	}

	.bottom>li:nth-of-type(1) img {
		width: 0.54rem;
	}

	.bottom>li:nth-of-type(2) img {
		width: 0.61rem;
	}

	.bottom>li:nth-of-type(3) img {
		width: 0.51rem;
	}

	.bottom>li:nth-of-type(4) img {
		width: 0.50rem;
	}
	.bottom>li>a {
		display: block;
		/*text-align: center;*/
	}
</style>
<!--底部导航栏-->
<ul class="bottom">
	<li>
		<a href="{:url('index/index')}">
			<img src="__STATIC__/home/images/shouye.png" />
			<span>首页</span>
		</a>
	</li>
	<li>
		<a href="{:url('bet/betpage')}">
			<img src="__STATIC__/home/images/duobao.png" width="61" />
			<span>夺宝</span>
		</a>
	</li>
	<li>
		<a href="{:url('user/mycz')}">
			<img src="__STATIC__/home/images/chongzhi.png" width="51" />
			<span>充值</span>
		</a>
	</li>
	<li>
		<a href="{:url('user/user')}">
			<img src="__STATIC__/home/images/wode.png" width="50" />
			<span>我的</span>
		</a>
	</li>
</ul>
<!--<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="__STATIC__/home/js/zepto.min.js" type="text/javascript" charset="utf-8"></script>-->
<script type="text/javascript">
	$(document).ready(function() {
		console.log(window.location.href.indexOf('index'));
		var str = window.location.href;
		/*不等于代表存在*/
		if(str.indexOf('index') != -1) {
			$(".bottom").find("img").eq(0).attr("src", "__STATIC__/home/images/shouye-liang.png");
		}
		if(str.indexOf('duobao') != -1) {
			$(".bottom").find("img").eq(1).attr("src", "__STATIC__/home/images/duobao-liang.png");
		}
		if(str.indexOf('my') != -1) {
			$(".bottom").find("img").eq(3).attr("src", "__STATIC__/home/images/wode-liang.png");
		}
		// $(".bottom").find("img").eq(1).click(function() {
		// 	$(".bottom").find("a").eq(1).attr("href", "duobao.html")
		// 		var _s = "close";
		// 		window.onunload = function() {
		// 			if(_s == "fresh") {
		// 				$(".bottom").find("img").eq(1).attr("src", "__STATIC__/home/images/duobao-liang.png");
		// 				$(".bottom").find("img").eq(2).attr("src", "__STATIC__/home/images/chongzhi.png");
		// 				$(".bottom").find("img").eq(3).attr("src", "__STATIC__/home/images/wode.png");
		// 				$(".bottom").find("img").eq(0).attr("src", "__STATIC__/home/images/shouye.png");
		// 				console.log(3333)
		// 			}
		// 		}
		// 		window.onbeforeunload = function() {
		// 			_s = "fresh";
		// 		}
		// })
		// $(".bottom").find("img").eq(0).click(function() {
		// 	console.log(666)
		// 	$(".bottom").find("img").eq(1).attr("src", "__STATIC__/home/images/duobao.png");
		// 	$(".bottom").find("img").eq(2).attr("src", "__STATIC__/home/images/chongzhi.png");
		// 	$(".bottom").find("img").eq(3).attr("src", "__STATIC__/home/images/wode.png");
		// 	$(".bottom").find("img").eq(0).attr("src", "__STATIC__/home/images/shouye-liang.png");
		// 	$(".bottom").find("a").eq(0).attr("href", "index.html");
		// })
	})
</script>